<template>
  <div class="vue-pg" style="position: relative; background-color: #16a085">
    <div class="vue-pg__content">
      <!-- <slot /> -->
      <div class="intro"></div>
    </div>
  </div>
</template>

<script>
import Partivleground from './Partivleground'

export default {
  props: {
    dotColor: {
      type: String,
      default: '#fff'
    },
    lineColor: {
      type: String,
      default: '#fff'
    },
    lineWidth: {
      type: Number,
      default: 1
    },
    density: {
      type: Number,
      default: 10000
    }
  },
  mounted() {
    this.$nextTick(() => {
      const options = {}
      for (let key in this.$props) {
        options[key] = this.$props[key]
      }
      new Partivleground(this.$el, options)
    })
  }
}
</script>

<style lang="less" scoped>
.intro {
  height: 100vh;
}
</style>
